import * as React from 'react';

import { cn } from '../lib/utils';
import { CodeBlockWrapper } from '../components/code-block-wrapper';

interface ComponentSourceProps extends React.HTMLAttributes<HTMLDivElement> {
  src: string;
}

export function ComponentSource({ children, className }: ComponentSourceProps) {
  return (
    <CodeBlockWrapper expandButtonTitle="View Primitive" className={cn('my-6 overflow-hidden rounded-md', className)}>
      {children}
    </CodeBlockWrapper>
  );
}
